<!DOCTYPE html>
<html lang="cn" style="font-size: 100px">
	<head>
		<meta charset="utf-8" />
		<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<meta name="theme-color" content="#000000" />
		<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
		<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
		<title>抖羚羊</title>
		<script>
            let FingerprintJS = ''
			const fpPromise = import(
				'https://openfpcdn.io/fingerprintjs/v4'
			).then((FingerprintJSf) => {
				FingerprintJS = FingerprintJSf
				return FingerprintJSf.load()
			})
			fpPromise
				.then((fp) => fp.get())
				.then((result) => {
                    console.log('result.components', result.components)
					const {  
                        // fonts, 
                        languages, // 语言，主次分身不同
                        // audio, 
                        screenResolution, // 分辨率
                        screenFrame, // 色域
                        deviceMemory, // 设备内存 影响域名
                        // hardwareConcurrency, // 硬件并发数 影响域名
                        ...components } =
						result.components
                        console.log('components', components)
					const extendedComponents = {
						...components,
						foo: { value: 'whatever' },
					}
					const fingerprintId =
						FingerprintJS.hashComponents(extendedComponents)
                        console.log('fingerprintId+++', fingerprintId)
                    // upUserId(fingerprintId)
				})

			// const upUserId = (id) => {
			// 	fetch('http://doulingyang.cn/dlyadminapi/link/saveUserProxy', {
			// 		method: 'POST',
			// 		body: JSON.stringify({
			// 			uuId: id,
			// 			proxyId: getCookie('proxyID'),
			// 			linkId: getCookie('linkID'),
			// 		}),
			// 	})
			// 		.then(async (res) => {
			// 			const data = await res.json()
			// 			window.location.replace(getCookie('buyUrl'))
			// 		})
			// 		.catch((err) => {
			// 			window.location.replace(getCookie('buyUrl'))
			// 		})
			// }
			// function getCookie(cookieName) {
			// 	var strCookie = document.cookie
			// 	var arrCookie = strCookie.split('; ')
			// 	for (var i = 0; i < arrCookie.length; i++) {
			// 		var arr = arrCookie[i]
			// 			.replace('=', '*.*.dlypter.*.*')
			// 			.split('*.*.dlypter.*.*')
			// 		if (cookieName == arr[0]) {
			// 			return arr[1]
			// 		}
			// 	}
			// 	return ''
			// }
		</script>
	</head>
	<body>
		<noscript>抖羚羊需要浏览器开通 JavaScript 权限运行网站</noscript>
		<div id="root">
			<style>
				html,
				body,
				#app {
					position: relative;
					display: flex;
					align-items: center;
					justify-content: center;
					width: 100%;
					height: 100%;
					overflow: hidden;
				}

				.loading-box {
					display: flex;
					justify-content: space-between;
					width: 40px;
					height: 40px;
				}

				.loading-item {
					width: 15%;
					height: 100%;
					background-color: #007aff;
					animation: load-animation 1.2s infinite ease-in-out;
				}

				.loading-item:nth-child(1) {
					animation-delay: -1.2s;
				}

				.loading-item:nth-child(2) {
					animation-delay: -1.1s;
				}

				.loading-item:nth-child(3) {
					animation-delay: -1s;
				}

				.loading-item:nth-child(4) {
					animation-delay: -0.9s;
				}

				.loading-item:nth-child(5) {
					animation-delay: -0.8s;
				}

				@keyframes load-animation {
					0%,
					40%,
					100% {
						transform: scaleY(0.4);
					}

					20% {
						transform: scaleY(1);
					}
				}
			</style>
			<div class="loading-box">
				<div class="loading-item"></div>
				<div class="loading-item"></div>
				<div class="loading-item"></div>
				<div class="loading-item"></div>
				<div class="loading-item"></div>
			</div>
		</div>
	</body>
</html>
